<template>
  <el-card shadow='never'>
    <div class="first-header margin14-level">
      <div class="flex-center">
        <el-radio-group v-model="condition"
                        size="mini">
          <el-radio-button label="and">{{$t('custom.component.columns.and')}}</el-radio-button>
          <el-radio-button label="or">{{$t('custom.component.columns.or')}}</el-radio-button>
        </el-radio-group>
        <el-popover class="add-btn-popover"
                    placement="bottom"
                    trigger="hover">
          <el-button class="add-btn-trigger"
                     type="text"
                     size="mini"
                     slot="reference"
                     icon="el-icon-circle-plus-outline"></el-button>
          <el-button-group class="add-btn-group">
            <el-button size="mini"
                       icon="el-icon-plus"
                       class="add-btn">{{$t('custom.component.columns.addgroup')}}
            </el-button>
            <el-button size="mini"
                       class="add-btn"
                       icon="el-icon-plus">{{$t('custom.component.columns.addcondition')}}
            </el-button>
          </el-button-group>
        </el-popover>
      </div>
      <div class="flex-center">
        <div class="action-filter"
             v-if="$hasPermission('sys:widget:moreedit')">
          <i class="cuifont icon_data_inspactor"
             style="color: black; opacity: 0.75;"></i>
        </div>
        <div class="action-filter"
             v-if="$hasPermission('sys:widget:moreedit')">
          <i class="cuifont icon_delete"
             style="color: black; opacity: 0.75;"></i>
        </div>
      </div>
    </div>
    <div class="item">
      {{$t('custom.component.columns.item')}}
    </div>
  </el-card>
</template>

<script>
export default {
  data () {
    return {
      condition: null
    }
  },
  methods: {

  }
}
</script>

<style scoped lang="scss">
@import "./index.scss";
// @import "src/views/modules/mspbots/bots/my-bots/my-bot";
</style>
